<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>GeoAR.js demo</title>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
</head>
<!-- latitude: 22.551239 -->
<!-- longitude: 113.9390021 -->

<!-- latitude: 22.5512311
longitude: 113.9389979 -->

<body style="margin: 0; overflow: hidden;">
    <a-scene vr-mode-ui="enabled: false" embedded arjs="sourceType: webcam; debugUIEnabled: false;">
        <a-text value="2222" look-at="[gps-camera]" scale="120 120 120"
            gps-entity-place="latitude:  22.5512311; longitude: 113.9389979 ;"></a-text>
        <a-text value="333" look-at="[gps-camera]" scale="120 120 120"
            gps-entity-place="latitude:  22.5511; longitude: 113.9381 ;"></a-text>
        <a-camera gps-camera rotation-reader> </a-camera>
    </a-scene>
</body>

</html>